<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input id="ipt" type="text">
    
    <h4 id="html"></h4>
    <script>
        // let ipt = document.getElementById('ipt')
        // let html = document.getElementById('html')

        // let obj = {}
        // let temp = ""

        // Object.defineProperty(obj, "val", {
        //     get() {
        //         return temp
        //     },
        //     set(num) {
        //         temp = num
        //         html.innerHTML = num
        //     }
        // })

        // ipt.addEventListener('input', (ev) => {
        //     obj.val = ev.target.value
        // })

        // proxy


        // 普通属性  ==>  数据属性
        // let obj = {
        //     name: "张三"
        // }

        // let info = {}
        // let temp = []

        // 访问器属性
        // 接收三个参数
        // 1. 目标容器
        // 2. 键
        // 3. 值的配置项
        // Object.defineProperty(info, 'arr', {
        //     // value: '20',
        //     // writable: true,
        //     // enumerable: true,
        //     // get  ==> 读取对应的键
        //     get() {
        //         console.log('我是get函数')
        //         return []
        //     },
        //     // 修改
        //     set(num) {
        //         temp = num
        //         console.log('我是set函数')
        //     }
        // })
        // // info.arr.length = 10
        // info.arr.push(123)

        // console.log(info.arr)

        let data = {
            one: ''
        }

        data = {
            one: '',
            two: ''
        }


        let arr = [1, 2, 3]

        Array.prototype.push = () => {
            console.log('我重写了push方法')
            
        }

        console.log(arr)
        
    </script>
</body>
</html>